<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>直旅网</title>
    <meta name="keywords" content="自由行,旅游攻略,自助游">
    <meta name="description" content="直旅网!靠谱的旅游攻略,自由行,自助游分享社区,海量旅游景点图片、游记、交通、美食、购物等自由行旅游攻略信息,直旅网获取自由行,自助游攻略信息更全面">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">

</head>


<body>
    <header>
        <div class="sdh">
            <div class="inner">
                <div class="d-z">
                    <a href="">登录</a>
                    <span>|</span>
                    <a href="">注册</a>
                </div>
                <div class="zd">
                    <a href="">网页无障碍</a>
                    <a href="">小直商旅</a>
                    <a href="">企业旅游</a>
                    <a href="">APP下载</a>
                    <a href="" class="wx"></a>
                    <a href="" class="wb"></a>
                </div>
            </div>
        </div>
        <div class="xdh">
            <a href="" class="logo"></a>
            <ul>
                <li><a class="triangle" href="">酒店</a></li>
                <li><a href="">旅游</a></li>
                <li><a class="triangle" href="">跟团游</a></li>
                <li><a class="triangle" href="">自由行</a></li>
                <li><a href="">机票</a></li>
                <li><a href="">火车</a></li>
                <li><a class="triangle" href="">门票</a></li>
                <li><a href="">攻略</a></li>
                <li><a href="">全球购</a></li>
                <li><a href="">更多</a></li>
            </ul>
            <div class="contact-inf">
                <div class="on-line">
                    <a href="" class="jl1"></a>
                    <div class="link">
                        <p>欢迎使用</p>
                        <a href="">
                            <p>在线客服</p>
                        </a>
                    </div>
                </div>
                <div class="contact-num">
                    <a href="" class="telephone"></a>
                    <div class="link1">
                        <p>24h客户服务电话</p>
                        <a href="">
                            <p>8888-888-888</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <nav>
        <div class="background">
            <div class="words">
                <p>3rd/Sep.2021</p>
                <h1>时间的起点-科赫公路</h1>
                <p>国庆旅游小众景点攻略推荐</p>
            </div>
            <div class="search">
                <div class="choice">
                    <ul>
                        <li class="selector1"><span>跟团游</span></li>
                        <li class="selector"><span>自由行</span></li>
                        <li class="selector"><span>目的地</span></li>
                        <li class="selector"><span>机票</span></li>
                    </ul>
                </div>
                <div class="sea">
                    <input type="" placeholder="三亚">
                    <div class="box"></div>
                    <span class="place">云南</span>
                    <span class="place">成都</span>
                </div>
            </div>
            <div class="picture">
                <p>查看更多<span>北京</span>游记</p>
                <div class="box">
                    <div class="box1"><img src="images/banner-sp1.jpg" alt=""></div>
                    <div class="box1"><img src="images/banner-sp2.jpg" alt=""></div>
                    <div class="box1"><img src="images/banner-sp3.jpg" alt=""></div>
                    <div class="box1"><img src="images/banner-sp4.jpg" alt=""></div>
                </div>
            </div>
        </div>
    </nav>
    <div class="list-item">
        <div class="top">
            <p class="special">境内跟团游</p>
            <div class="t-r">
                <ul>
                    <li><a href="">云南</a></li>
                    <li><a href="">海南</a></li>
                    <li><a href="">四川</a></li>
                    <li><a href="">石家庄</a></li>
                    <li><a href="">甘肃</a></li>
                    <li><a href="">乌鲁木齐</a></li>
                    <li><a href="">贵州</a></li>
                </ul>
                <p class="more">查看更多</p>
            </div>
        </div>
        <div class="bottom">
            <div class="left">
                <p>畅销排行榜</p>
                <ol>
                    <li>
                        <div class="picture1"><img src="images/jn-cx1.jpg" alt=""></div>
                        <div class="words">
                            <a href="">古北水镇2日游是…</a>
                            <p>BOSS推荐 赏水镇夜…</p>
                            <b>跟团游</b>
                            <span class="aom"><span class="symbol">¥</span><span class="num">689</span>起</span>
                        </div>
                    </li>
                    <li>
                        <div class="picture2"><img src="images/jn-cx2.jpg" alt=""></div>
                        <div class="words">
                            <a href="">八达岭长城+定陵…</a>
                            <p>品质纯玩 高性价比</p>
                            <b>跟团游</b>
                            <span class="aom"><span class="symbol">¥</span><span class="num">148</span>起</span>
                        </div>
                    </li>
                    <li>
                        <div class="picture3"><img src="images/jn-cx3.jpg" alt=""></div>
                        <div class="words">
                            <a href="">八达岭长城+颐和…</a>
                            <p>品质纯玩 天天发团</p>
                            <b>跟团游</b>
                            <span class="aom"><span class="symbol">¥</span><span class="num">138</span>起</span>
                        </div>
                    </li>
                    <li>
                        <div class="picture"><img src="images/jn-cx4.jpg" alt=""></div>
                        <div class="words">
                            <a href="">中秋-秦皇岛+北…</a>
                            <p>牛人服务 牛人好礼</p>
                            <b>跟团游</b>
                            <span class="aom"><span class="symbol">¥</span><span class="num">883</span>起</span>
                        </div>
                    </li>
                    <li>
                        <div class="picture"><img src="images/jn-cx5.jpg" alt=""></div>
                        <div class="words">
                            <a href="">古北水镇2日游特…</a>
                            <p>特殊客栈 赏水镇夜景…</p>
                            <b>跟团游</b>
                            <span class="aom"><span class="symbol">¥</span><span class="num">689</span>起</span>
                        </div>
                    </li>
                </ol>
            </div>
            <div class="right">
                <ul class="right-t">
                    <li>
                        <div class="picture1"><img src="images/jn1.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>3568</b>元</p>
                                <p class="after">满意度：<b>98%</b></p>
                            </div>
                            <a href="">丽江+香格里拉+大理+泸沽湖、双飞8日游</a>
                        </div>
                    </li>
                    <li>
                        <div class="picture2"><img src="images/jn2.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>3207</b>元</p>
                                <p class="after">满意度：<b>96%</b></p>
                            </div>
                            <a href="">丽江+香格里拉+大理双飞6日游、臻品8人</a>
                        </div>
                    </li>
                    <li>
                        <div class="picture2"><img src="images/jn3.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>3329</b>元</p>
                                <p class="after">满意度：<b>98%</b></p>
                            </div>
                            <a href="">丽江+香格里拉+大理双飞6日、游伊甸之秋</a>
                        </div>
                    </li>
                    <li>
                        <div class="picture1"><img src="images/jn4.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>3830</b>元</p>
                                <p class="after">满意度：<b>96%</b></p>
                            </div>
                            <a href="">丽江+香格里拉+大理+泸沽湖、双飞8日游</a>
                        </div>
                    </li>
                </ul>
                <ul class="right-b">
                    <li>
                        <div class="picture2"><img src="images/jn5.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>3288</b>元</p>
                                <p class="after">满意度：<b>98%</b></p>
                            </div>
                            <a href="">丽江+大理+泸沽湖双飞7日游、10人纯玩</a>
                        </div>
                    </li>
                    <li>
                        <div class="picture1"><img src="images/jn6.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>3829</b>元</p>
                                <p class="after">满意度：<b>96%</b></p>
                            </div>
                            <a href="">云南+昆明+大理+丽江+香格里拉+泸沽湖</a>
                        </div>
                    </li>
                    <li>
                        <div class="picture1"><img src="images/jn7.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>4109</b>元</p>
                                <p class="after">满意度：<b>98%</b></p>
                            </div>
                            <a href="">丽江+大理+香格里拉+泸沽湖、双飞8日游</a>
                        </div>
                    </li>
                    <li>
                        <div class="picture2"><img src="images/jn8.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>3429</b>元</p>
                                <p class="after">满意度：<b>96%</b></p>
                            </div>
                            <a href="">丽江+大理、双飞5日游、漫游云南、全程1</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="list-item">
        <div class="top">
            <p class="special">境内自由行</p>
            <div class="t-r">
                <ul>
                    <li><a href="">云南</a></li>
                    <li><a href="">海南</a></li>
                    <li><a href="">四川</a></li>
                    <li><a href="">新疆</a></li>
                    <li><a href="">甘肃</a></li>
                    <li><a href="">内蒙</a></li>
                    <li><a href="">贵州</a></li>
                    <li><a href="">西藏</a></li>
                </ul>
                <p class="more">查看更多</p>
            </div>
        </div>
        <div class="bottom">
            <div class="left">
                <p>畅销排行榜</p>
                <ol>
                    <li>
                        <div class="picture1"><img src="images/jn-cx1.jpg" alt=""></div>
                        <div class="words">
                            <a href="">古北水镇2日游是…</a>
                            <p>BOSS推荐 赏水镇夜…</p>
                            <b>跟团游</b>
                            <span class="aom"><span class="symbol">¥</span><span class="num">689</span>起</span>
                        </div>
                    </li>
                    <li>
                        <div class="picture2"><img src="images/jn-cx2.jpg" alt=""></div>
                        <div class="words">
                            <a href="">八达岭长城+定陵…</a>
                            <p>品质纯玩 高性价比</p>
                            <b>跟团游</b>
                            <span class="aom"><span class="symbol">¥</span><span class="num">148</span>起</span>
                        </div>
                    </li>
                    <li>
                        <div class="picture3"><img src="images/jn-cx3.jpg" alt=""></div>
                        <div class="words">
                            <a href="">八达岭长城+颐和…</a>
                            <p>品质纯玩 天天发团</p>
                            <b>跟团游</b>
                            <span class="aom"><span class="symbol">¥</span><span class="num">138</span>起</span>
                        </div>
                    </li>
                    <li>
                        <div class="picture"><img src="images/jn-cx4.jpg" alt=""></div>
                        <div class="words">
                            <a href="">中秋-秦皇岛+北…</a>
                            <p>牛人服务 牛人好礼</p>
                            <b>跟团游</b>
                            <span class="aom"><span class="symbol">¥</span><span class="num">883</span>起</span>
                        </div>
                    </li>
                    <li>
                        <div class="picture"><img src="images/jn-cx5.jpg" alt=""></div>
                        <div class="words">
                            <a href="">古北水镇2日游特…</a>
                            <p>特殊客栈 赏水镇夜景…</p>
                            <b>跟团游</b>
                            <span class="aom"><span class="symbol">¥</span><span class="num">689</span>起</span>
                        </div>
                    </li>
                </ol>
            </div>
            <div class="right">
                <ul class="right-t">
                    <li>
                        <div class="picture1"><img src="images/jn1.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>3568</b>元</p>
                                <p class="after">满意度：<b>98%</b></p>
                            </div>
                            <a href="">丽江+香格里拉+大理+泸沽湖、双飞8日游</a>
                        </div>
                    </li>
                    <li>
                        <div class="picture2"><img src="images/jn2.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>3207</b>元</p>
                                <p class="after">满意度：<b>96%</b></p>
                            </div>
                            <a href="">丽江+香格里拉+大理双飞6日游、臻品8人</a>
                        </div>
                    </li>
                    <li>
                        <div class="picture2"><img src="images/jn3.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>3329</b>元</p>
                                <p class="after">满意度：<b>98%</b></p>
                            </div>
                            <a href="">丽江+香格里拉+大理双飞6日、游伊甸之秋</a>
                        </div>
                    </li>
                    <li>
                        <div class="picture1"><img src="images/jn4.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>3830</b>元</p>
                                <p class="after">满意度：<b>96%</b></p>
                            </div>
                            <a href="">丽江+香格里拉+大理+泸沽湖、双飞8日游</a>
                        </div>
                    </li>
                </ul>
                <ul class="right-b">
                    <li>
                        <div class="picture2"><img src="images/jn5.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>3288</b>元</p>
                                <p class="after">满意度：<b>98%</b></p>
                            </div>
                            <a href="">丽江+大理+泸沽湖双飞7日游、10人纯玩</a>
                        </div>
                    </li>
                    <li>
                        <div class="picture1"><img src="images/jn6.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>3829</b>元</p>
                                <p class="after">满意度：<b>96%</b></p>
                            </div>
                            <a href="">云南+昆明+大理+丽江+香格里拉+泸沽湖</a>
                        </div>
                    </li>
                    <li>
                        <div class="picture1"><img src="images/jn7.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>4109</b>元</p>
                                <p class="after">满意度：<b>98%</b></p>
                            </div>
                            <a href="">丽江+大理+香格里拉+泸沽湖、双飞8日游</a>
                        </div>
                    </li>
                    <li>
                        <div class="picture2"><img src="images/jn8.jpg" alt=""></div>
                        <div class="words">
                            <div>
                                <p class="front">¥<b>3429</b>元</p>
                                <p class="after">满意度：<b>96%</b></p>
                            </div>
                            <a href="">丽江+大理、双飞5日游、漫游云南、全程1</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="popular">
        <div class="p-t">
            <p>热门目的地</p>
        </div>
        <div class="p-b">
            <div class="p-b-1">
                <ul>
                    <li>
                        <div class="w-z">
                            <a href="">
                                <h3>上海迪士尼<span>Disney</span></h3>
                            </a>
                            <p>点亮心中奇梦</p>
                        </div>
                        <div class="b-j"><img src="images/citys/disney.png" alt=""></div>
                    </li>
                    <li class="box2">
                        <div class="w-z">
                            <a href="">
                                <h3>桂林<span>Guilin</span></h3>
                            </a>
                            <p>秀丽广西 绝美桂林</p>
                        </div>
                        <div class="b-j"><img src="images/citys/guilin.png" alt=""></div>
                    </li>
                    <li>
                        <div class="w-z">
                            <a href="">
                                <h3>重庆<span>Chongqin</span></h3>
                            </a>
                            <p>两江春水向东流</p>
                        </div>
                        <div class="b-j"><img src="images/citys/chongqing.png" alt=""></div>
                    </li>
                    <li class="box2">
                        <div class="w-z">
                            <a href="">
                                <h3>大理<span>Dali</span></h3>
                            </a>
                            <p>苍山雪洱海月</p>
                        </div>
                        <div class="b-j"><img src="images/citys/dali.png" alt=""></div>
                    </li>
                </ul>
            </div>
            <div class="p-b-2">
                <div class="w-z">
                    <a href="">
                        <h3>成都<span>Chengdu</span></h3>
                    </a>
                    <p>熊猫小吃 醉在巴蜀</p>
                </div>
                <div class="b-j"><img src="images/citys/chengdu.png" alt=""></div>
            </div>
            <div class="p-b-3">
                <ul>
                    <li>
                        <div class="w-z">
                            <a href="">
                                <h3>长隆<span>Changlong</span></h3>
                            </a>
                            <p>惊险刺激 亲子嗨翻天</p>
                        </div>
                        <div class="b-j"><img src="images/citys/changlong.png" alt=""></div>
                    </li>
                    <li class="box2">
                        <div class="w-z">
                            <a href="">
                                <h3>丽江<span>Linjiang</span></h3>
                            </a>
                            <p>择一城中者 愿一人白首</p>
                        </div>
                        <div class="b-j"><img src="images/citys/lijiang.png" alt=""></div>
                    </li>
                    <li>
                        <div class="w-z">
                            <a href="">
                                <h3>长白山<span>Changbaishan</span></h3>
                            </a>
                            <p>长相守到白头</p>
                        </div>
                        <div class="b-j"><img src="images/citys/changbaishan.png" alt=""></div>
                    </li>
                    <li class="box2">
                        <div class="w-z">
                            <a href="">
                                <h3>鼓浪屿<span>Gulangyu</span></h3>
                            </a>
                            <p>洋溢古典主义和浪漫主义</p>
                        </div>
                        <div class="b-j"><img src="images/citys/gulangyu.png" alt=""></div>
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <footer>
        <div class="introduce">
            <div class="w-z">
                <h3>直旅网</h3>
                <ul>
                    <li><a href="">中国年轻一代用的更多的旅游网站</a></li>
                    <li><a href="">上亿旅行者共同打造的<span>“旅行神器”</span></a></li>
                    <li><a href=""><span>60,000</span>多个全球旅游目的地</a></li>
                    <li><a href=""><span>600,000</span>个细分目的地新玩法</a></li>
                    <li><a href=""><span>38,000</span>家旅游产品供应商</a></li>
                </ul>
            </div>
            <div class="w-z">
                <h3>关于我们</h3>
                <ul>
                    <li><a href="">源于直旅网</a></li>
                    <li><a href="">隐私政策</a></li>
                    <li><a href="">商标声明</a></li>
                    <li><a href="">服务协议</a></li>
                    <li><a href="">商城平台服务协议</a></li>
                    <li><a href="">网络信息侵权通知指引</a></li>
                    <li><a href="">直旅网服务监督员</a></li>
                    <li><a href="">网站地图</a></li>
                </ul>
            </div>
            <div class="w-z3">
                <h3>旅行服务</h3>
                <ul>
                    <li>
                        <a href="">旅游攻略</a>
                        <a href="">酒店预定</a>
                    </li>
                    <li>
                        <a href="">旅游特价</a>
                        <a href="">国际租车</a>
                    </li>
                    <li>
                        <a href="">旅游问答</a>
                        <a href="">旅游保险</a>
                    </li>
                    <li>
                        <a href="">旅游指南</a>
                        <a href="">订火车票</a>
                    </li>
                    <li>
                        <a href="">旅游咨询</a>
                        <a href="">APP下载</a>
                    </li>
                    <li><a href=""><span>旅行商家全球商家入驻</span></a></li>
                </ul>
            </div>
            <div class="erweima">
                <div class="box">
                    <div class="official_account"><img src=" " alt=""></div>
                    <p>直旅网公众号</p>
                </div>
                <div class="box">
                    <div class="official_account"><img src=" " alt=""></div>
                    <p>直旅网公众号</p>
                </div>
                <div class="box">
                    <div class="official_account"><img src=" " alt=""></div>
                    <p>直旅网公众号</p>
                </div>
            </div>
            <div class="w-x-b1"></div>
            <div class="w-x-b2"></div>
            <div class="w-x-b3"></div>
        </div>
    </footer>
</body>

</html>